$(function () {

    $("#ul li").on("click", function () {

        className($(this))

        var id = $(this).attr("id");

        switch (id) {

            case "normalcondition":

                $(this).find("img").attr("src", "../images/user-subtool-harmonizationofstandards-acrossstatus.png");

                $("#acrossstatus").find("img").attr("src", "../images/user-subtool-identifyneeds-normalcondition.png");

                $("#normalcondition1").find("img").attr("src", "../images/user-subtool-officeofoa-normalcondition.png")

                break;

            case "acrossstatus":

                $(this).find("img").attr("src", "../images/user-subtool-identifyneeds-acrossstatus.png");

                $("#normalcondition").find("img").attr("src", "../images/user-subtool-harmonizationofstandards-normalcondition.png");

                $("#normalcondition1").find("img").attr("src", "../images/user-subtool-officeofoa-normalcondition.png")

                break;

            case "normalcondition1":

                $(this).find("img").attr("src", "../images/user-subtool-officeofoa-acrossstatus.png");

                $("#acrossstatus").find("img").attr("src", "../images/user-subtool-identifyneeds-normalcondition.png");

                $("#normalcondition").find("img").attr("src", "../images/user-subtool-harmonizationofstandards-normalcondition.png");
                
                break;
        }

    })
    // $("#andr").on("mouseover",function(){    
    //     $(".download_img li").eq(0).show();
    //     $(".download_img li").eq(1).hide();

    // })
    // $("#ios").on("mouseover",function(){
    //     $(".download_img li").eq(1).show();
    //     $(".download_img li").eq(0).hide();

    // })
    // $("#andr").on("click",function(){    
    //     $(".download_img li").eq(0).show();
    //     $(".download_img li").eq(1).hide();

    // })
    // $("#ios").on("click",function(){
    //     $(".download_img li").eq(1).show();
    //     $(".download_img li").eq(0).hide();

    // })
    $("#ul").on("mouseover", "li", function () {

        // className($(this))

        // var id = $(this).attr("id");
        // switch (id) {
        //     case "normalcondition":
        //         $(this).find("img").attr("src", "../images/user-subtool-harmonizationofstandards-acrossstatus.png")
        //         break;
        //     case "acrossstatus":
        //         $(this).find("img").attr("src", "../images/user-subtool-identifyneeds-acrossstatus.png")
        //         break;
        //     case "normalcondition":
        //         $(this).find("img").attr("src", "../images/user-subtool-officeofoa-acrossstatus.png")
        //         break;
        // }
    })
    $("#ul").on("mouseout", "li", function () {


        // var id = $(this).attr("id");
        // switch (id) {
        //     case "normalcondition":
        //         $(this).find("img").attr("src", "../images/user-subtool-harmonizationofstandards-normalcondition.png")
        //         break;
        //     case "acrossstatus":
        //         $(this).find("img").attr("src", "../images/user-subtool-identifyneeds-normalcondition.png")
        //         break;
        //     case "normalcondition":
        //         $(this).find("img").attr("src", "../images/user-subtool-officeofoa-normalcondition.png")
        //         break;
        // }
    })


})

function className(that) {

    $("#ul li").removeClass("active").find("h6").removeClass("active").siblings("p").removeClass("active");

    that.addClass("active").find("h6").addClass("active").siblings("p").addClass("active")

}